<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
  <meta name="description" content="">
  <meta name="author" content="ThemeBucket">
  <link rel="shortcut icon" href="#" type="image/png">

  <title>河流基础信息管理</title>

  <!--dynamic table-->
  <link th:href="@{/js/advanced-datatable/css/demo_page.css}" rel="stylesheet"/>
  <link th:href="@{/js/advanced-datatable/css/demo_table.css}" rel="stylesheet"/>
  <link rel="stylesheet" th:href="@{/js/data-tables/DT_bootstrap.css}"/>

  <div th:include="common :: commonheader"></div>
  <script th:src="@{/js/constrain.js}"></script>
  <script type="text/javascript">
    $(function () {
      $("#add-bgn-river").click(addRiverConstrain);
    });
  </script>
</head>

<body class="sticky-header">

<section>

  <div th:replace="common :: #leftmenu"></div>
  <!-- main content start-->
  <div class="main-content">

    <div th:replace="common :: headermenu"></div>

    <!-- page heading start-->
    <div class="page-heading">
      <h3>
        河流信息管理
      </h3>

    </div>
    <!-- page heading end-->

    <!--body wrapper start-->
    <div class="wrapper">
      <div class="row">
        <div class="col-sm-12">
          <section class="panel">
            <header class="panel-heading">
              增加河流
              <!--                            <span class="tools pull-right">-->
              <!--                <a th:href="@{/user/delete/}">新增用户</a>-->
              <!--                            </span>-->
            </header>
            <div class="panel-body">

              <form class="form-signin"  method="post" th:action="@{/hlgl/add}">
                <div class="login-wrap">
                  <label style="color: #c9302c;" id="error-label"></label>
                  <input type="text" name="riverCode" class="form-control" id="riverCode" placeholder="河流编码（3位数字）" autofocus>
                  <input type="text" name="riverName" class="form-control" id="riverName" placeholder="河流名称（1-25位）">
                  <input type="text" name="riverSystemName" class="form-control" id="riverSystemName" placeholder="水系名称（1-25位）">
                  <input type="text" name="drainageBasinName" class="form-control" id="drainageBasinName" placeholder="流域名称（1-25位）">
                  <input type="text" name="remark" class="form-control" id="remark" placeholder="备注">
                  <button class="btn btn-lg btn-login btn-block"  id="add-bgn-river" type="submit">
                    <i class="fa fa-check"></i>
                  </button>
                  <a th:href="@{/hlgl/list}" class="btn btn-lg btn-login btn-block" type="button">
                    <i class="fa fa-backward"></i>
                  </a>
                </div>
              </form>

            </div>
          </section>
        </div>
      </div>

      <!--body wrapper end-->

      <!--footer section start-->
      <footer>
        2024 &copy;  by lsm </a>
      </footer>
      <!--footer section end-->


    </div>
    <!-- main content end-->
  </div>
</section>


<div th:replace="common :: #commonscript"></div>
<!--dynamic table-->
<script type="text/javascript" language="javascript" src="js/advanced-datatable/js/jquery.dataTables.js"></script>
<script type="text/javascript" src="js/data-tables/DT_bootstrap.js"></script>
<!--dynamic table initialization -->
<!--<script src="js/dynamic_table_init.js"></script>-->


</body>
</html>
